<template>
    <div>
        <span v-show="status == 10" class="pub-list-draft">未提交</span>
        <span v-show="status == 20" class="pub-list-audit">待开始</span>
        <span v-show="status == 30" class="pub-list-pass">进行中</span>
        <span v-show="status == 35" class="pub-list-audit">审批中</span>
        <span v-show="status == 50" class="pub-list-draft">审批不通过</span>
        <span v-show="status == 40" class="pub-list-pass">已完结</span>
        <!-- <span v-show="status === 'REJECTED'" class="pub-list-rejected">{{ conversion=='zh'?text:'驳回' }}</span>
        <span v-show="status === 'DELETE'" class="pub-list-del">{{ conversion=='zh'?text:'已删除' }}</span> -->
    </div>
</template>
<script>
export default {
    props: {
        status: {
            type: [Number,String],
        },
        text: {
            type: Number,
        },
        conversion: {
            type: String,
            default() {
                return 'zh'
            },
        },
    },
}
</script>
<style>
.pub-list-draft::before,
.pub-list-audit::before,
.pub-list-pass::before,
.pub-list-rejected::before,
.pub-list-del::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}
.pub-list-audit::before {
    background-color: rgb(16, 141, 233);
}
.pub-list-pass::before {
    background-color: rgb(0, 168, 84);
}
.pub-list-rejected::before {
    background-color: rgb(254, 85, 0);
}
.pub-list-draft::before {
    background-color: rgb(255, 255, 0);
}
.pub-list-del::before {
    background-color: rgb(173, 173, 173);
}
</style>